.TextTemplateA01 {
    padding: 8px;
    width: 100%;
    height: 100%;

    &>.TempBox {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;

        &>div {
            flex: 1;
            height: 100%;
            background: white;
            padding: 16px;
            box-shadow: var(--shadow-1-down);
            border-radius: 8px;
            margin-right: 16px;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-direction: column;

            &:last-child {
                margin: 0;
            }

            &>span {
                font-size: var(--iconSize);
                border-radius: var(--iconRadio);
                background: var(--iconBack);
                color: var(--iconColor);
                padding: 4px;
            }

            &>div:nth-child(2) {
                font-family: var(--contFamily);
                font-weight: var(--contWeight);
                font-size: var(--contSize);
                color: var(--contColor);
            }

            &>div:nth-child(3) {
                font-family: var(--paraFamily);
                font-weight: var(--paraWeight);
                font-size: var(--paraSize);
                color: var(--paraColor);
                line-height: var(--paraSize);
                display: flex;
                align-items: baseline;
                justify-content: center;

                &>span {
                    font-family: var(--unitFamily);
                    font-weight: var(--unitWeight);
                    font-size: var(--unitSize);
                    color: var(--unitColor);
                    margin: 0 4px;
                }
            }
        }
    }
}